* { margin: 0; padding: 0; }
    body, div, p, h1, h2, h3, h4, h5, h6, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, table,th,td { margin:0; padding:0; }
    body, button, input, select, textarea  { font: 16px Arial, 'Microsoft Yahei',"Î¢ÈíÑÅºÚ", sans-serif;  }
    address, cite, em, i { font-style: normal; }
    small { font-size: 12px; } li { list-style: none; } a { text-decoration: none;color:#666;font: 16px Arial, 'Microsoft Yahei',"Î¢ÈíÑÅºÚ", sans-serif; } a:hover { text-decoration: none; color:#3685EA }
    legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 100%; line-height:normal; }
    table{ border-collapse: collapse; border-spacing: 0; }
    input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}
    iframe{ display:block; } .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; }

	#header {HEIGHT: 90px;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	#logo {
           HEIGHT: 90px; WIDTH: 26%; FLOAT: left;   text-align:right;
	}
    #chanel {HEIGHT: 90px; WIDTH: 67%; FLOAT: left;  text-align:center; margin-left:3%;} 
    #search {
           HEIGHT: 90px; WIDTH: 4%; FLOAT: left;     text-align:left;
	}
	#wrap {
	    HEIGHT: 90px;
		width: 100%;
	}

	#wrap>ul {
		width: 100%;
		height: 90px;
		margin: 0px auto;
	}

	#wrap>ul>li {
		position: relative;
		float: left;
		width: 12.5%;
		height: 90px;
		font-size: 18px;
		font-family: "Î¢ÈíÑÅºÚ";
		text-align: center;
		padding-top: 25px;
		background: url("../images/bg1.png") no-repeat right center;
		cursor: pointer;
		user-select: none;
	}

	#wrap>ul>li>a {
		color: #666;
		text-decoration: none;
		font-weight:600;
		font-family: "Î¢ÈíÑÅºÚ";
		font-size: 20px;
		letter-spacing:3px;
	}

	#wrap span {
		display: block;
		color: #999;
		font-size: 12px;
		letter-spacing:0px;
	}

	#wrap>ul>li.on {
	    border-bottom: 0px solid #3685EA;
	}

	#wrap>ul>li.on>a {
 
	}

	#wrap>ul>li.on>a>span {
		
	}

	#wrap>ul>li:not(:first-of-type):hover {
	border-bottom: 0px solid #3685EA;	
	}
	#wrap>ul>li:not(:first-of-type):hover>a {
 
	}
	#wrap>ul>li:not(:first-of-type):hover>a>span{
 
	}
	#wrap #img {
		position: absolute;
		display: none;
		top: 90px;
		left: -25px;
		background: rgba(255,255,255,0.8);
		z-index:9999;
		border:1px #666 solid;
		
		
	}
	
#wrap #img a {
	color:#000;
	display:block;
	height:32px;           
    line-height:32px;
	letter-spacing:3px; 
	width:200px;		     
}
			  
#wrap #img a:hover {
	background: rgba(54,133,234,0.8);
	color:#fff;	
	font-weight:600;		  
}			  
 .banner{
			width: 100%;

			/*height: 560px;*/
			/*background: black;*/
			/*×Ó¾ø¸¸Ïà*/
			position: relative;
			/*³¬³ö²¿·ÖÈ«²¿Òþ²Ø£¬½â¾öºáÏò¹ö¶¯Ìõ*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*Õâ¸ö100%ÊÇÏà¶ÔÓÚ¸¸ºÐ×ÓµÄ£¨»á°Ñ¸¸ºÐ×ÓµÄ¿í¶È¼Ì³Ð¹ýÀ´,Èç¸¸ºÐ×Ó300%,ÕâÕâÀïµÄ100%¾Í»áÏàµ±ÓÚ300%£©*/
			width: 100%;
			height: 900px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			height: 24px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:calc(50% - 15px);
			/*margin-left: -40px;*/
			bottom: 80px;
			padding: 0 4px 0 12px;
			border-radius: 12px;
		}
		.banner ol li{
			width: 12px;
			height: 12px;
			float: left;
			margin: 6px 6px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 6px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('/Skin/Images/left_right.png') no-repeat 0 0px;
		}


		.banner .right{
			right: 60px;
			background: url('/Skin/Images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{

			background-color: rgba(0, 0, 0, 0.31);
		}
		
	.chanelname { WIDTH: 100%; FLOAT: left;  text-align:center; margin:30px auto;
		text-align: center; }

	.chanelname a {
	    font-size: 30px;
		color: #333;
		text-decoration: none;
		letter-spacing:6px;
		font-family: "Î¢ÈíÑÅºÚ";
		line-height:100%;
		
	 }
   
    .chanelname span {
		display: block;
		color: #999;
		font-size: 20px;
		letter-spacing:1px;
		font-family: "·ÂËÎ";
	}


.content {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}



.heading {
  width: 100%;
  margin-left: 1rem;
  font-weight: 900;
  font-size: 1.618rem;
  text-transform: uppercase;
  letter-spacing: .1ch;
  line-height: 1.5;
  padding-bottom: .5em;
  margin-bottom: 1rem;
  position: relative;
}
.heading:after {
  display: block;
  content: '';
  position: absolute;
  width: 60px;
  height: 4px;
  background: linear-gradient(135deg, #1a9be6, #1a57e6);
  bottom: 0;
  box-sizing: border-box;
}

.description {
  width: 100%;
  margin-top: 0;
  margin-left: 0.8rem;
  margin-bottom: 6rem;
}

.card {
  color: inherit;
  cursor: pointer;
  width: calc(16.5% - 1.6rem);
  min-width: calc(16.5% - 1.6rem);
  height: 450px;
  perspective: 100%;
  margin: 0.8rem;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .card {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (max-width: 500px) {
  .card {
    width: 100%;
  }
}

.front,
.back {
  display: flex;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
    box-sizing: border-box;

}

.front {
  background-size: cover;
  padding: 0.8rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  font-family: Poppins, sans-serif;
    box-sizing: border-box;
}

.front:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a9be6, #1a57e6);
  opacity: .25;
  z-index: -1;
    box-sizing: border-box;
}
.card:hover .front {
  transform: rotateY(180deg);
}
.card:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}

.back {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  background-color: #ecf0f9;
  transform: rotateY(-180deg);
  padding: 0 0.8em;
  box-sizing: border-box;
}
.cardinfo {
  padding-top:20px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #666;
  text-align:left;
  padding-bottom:20px;
 }


.card:hover .back {
  transform: rotateY(0deg);
}
.card:nth-child(even) .back {
  transform: rotateY(180deg);
}
.card:nth-child(even):hover .back {
  transform: rotateY(0deg);
}

@media screen and (max-width: 1600px) {
  .front {
    font-size: 1.2rem;
  }
  .back{
    font-size: 1.2rem;
  }
  .cardinfo {
	  font-size: 1.0rem;
  }
  .card {
    height: 430px;
  }
}
@media screen and (max-width: 1440px) {
  .front {
    font-size: 1.0rem;
  }
  .back{
    font-size: 1.0rem;
  }
  .cardinfo {
	  font-size: 0.8rem;
  }
    .card {
    height: 410px;
  }
}
@media screen and (max-width: 1200px) {
  .front {
    font-size: 0.7rem;
  }
  .back{
    font-size: 0.7rem;
  }
  .cardinfo {
	  font-size: 0.6rem;
  }
  .card {
    height: 380px;
  }
}
@media screen and (max-width: 900px) {
  .front {
    font-size: 1.2rem;
  }
  .back{
    font-size: 1.2rem;
  }
  .cardinfo {
	  font-size: 1.0rem;
  }
  .card {
    height: 420px;
  }
}

.button {
 
  transform: translateZ(40px);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: bold;
  color: #fff;
  padding: .5em 1em;
  border-radius: 60px;
  font: inherit;
  background: linear-gradient(135deg, #1a9be6, #1a57e6);
  border: none;
  position: relative;
  transform-style: preserve-3d;
  transition: 300ms ease;
   font-size: 14px;
}
.button:before {
  transition: 300ms ease;
  position: absolute;
  display: block;
  content: '';
  transform: translateZ(-40px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 100px;
  left: 10px;
  top: 16px;
  box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25);
  background-color: rgba(26, 87, 230, 0.25);
   font-size: 14px;
}
.button:hover {
  transform: translateZ(55px);
}
.button:hover:before {
  transform: translateZ(-55px);
}
.button:active {
  transform: translateZ(20px);
}
.button:active:before {
  transform: translateZ(-20px);
  top: 12px;
}

/*ÓÅÊÆ*/

#j-focusPic{width: 100%;height:700px;overflow: hidden;position: relative; display:block; margin-top:60px; background:url('/Skin/img/ysbg.jpg') center center no-repeat;}
.screen .movie{height: 430px;width:100%;display:inline-block;text-align:center;position: absolute;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif; margin-top:145px; }
.mov{position: absolute;width:380px; left:calc(50% - 185px); }
.title{font-size: 34px;color:#333;}
.yous{  font-size: 20px;color:#666; margin-top:80px; text-align: justify; line-height:150%; }
.screen .movie.on{opacity : 0;filter:alpha(opacity=0);}
.navigation{width:100%;height:200px; margin-top:-200px;}
.navigation dt{position: relative;left: 50%;margin-left: -100px;width: 900px;height: 200px; m}
.navigation dt dl{margin-right:28px;float:left;cursor: pointer;width:200px;height:200px;text-align:center;position: relative;}
.navigation .t1,.navigation .t2,.navigation .t3,.navigation .t4,.navigation .t5{width:185px;height:185px;}
.navigation .t1{background:url('/Skin/images/tab1.png') no-repeat;top:-460px; left:-597px;}
.navigation .t2{background:url('/Skin/images/tab2.png') no-repeat;top:-50px; left:-810px;}
.navigation .t3{background:url('/Skin/images/tab3.png') no-repeat;top:-460px; left:232px;}
.navigation .t4{background:url('/Skin/images/tab4.png') no-repeat;top:-50px; left:20px;}
.navigation .tm{background:url('/Skin/images/tm.png') no-repeat;width:185px;height:185px;}
.navigation .on .tm{opacity : 0;filter:alpha(opacity=0);}
.none{display:none;}

/*about*/

.about{max-width: 1400px;min-width: 900px; width:96%;margin: 50px auto;}
.about_left{ display:block; float:left; width:50%; text-align:left}
.about_left p{  text-align:left;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;font-size: 18px; line-height:180%; padding:20px 0; }
.about_left a{ display:block; padding:15px 20px; font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;font-size: 22px; background-color:#aaa; color:#eee; width:120px;}
.about_left a:hover{  background-color:#ccc;color:#3685EA; }
	#about_num>ul>li {
		position: relative;
		float: left;
		width: 25%;
		height: 30px;
		font-size: 20px;
		font-family: "Î¢ÈíÑÅºÚ";
		text-align: left;
		color:#3685EA;
			
		cursor: pointer;
		user-select: none;
	}

	#about_num>ul>li>a {
	    display:block;
		color:#3685EA;
		text-decoration: none;
		background-color:#fff;
		padding:20px 0;
		font-size: 22px;
		height:30px;
		background: url('/Skin/Img/line.png') no-repeat;
	}

	#about_num>ul>li>a:hover{
		color:#666;

	}

	#about_num span {
		color: #666666;
		font-size: 46px;
		font-weight:600;
	}
.about_right{ display:block; float:left; width:46%; margin-left:4%; text-align:left; height:530px;background: url(/Skin/img/jiaobg.png) right bottom no-repeat; }
.main {float:left; width:100%; margin-top:80px}
.mainBox{ width:580px;padding:0 15px; border:1px solid #e5e5e5; background:#fff;}
.main ul li { list-style:none; }
.main .post, .main .left { margin-top:10px; }
#sidebar { float:right; width:280px;}
#sidebar li ul {}
#sidebar li ul li { }
#sidebar li ul.children li, #sidebar li ul.children li ul li { padding-left: 18px; background: url(//Skin/img/tier.gif) 6px 5px no-repeat; }
.indexPicBox{ width:600px; height:400px;padding:5px;border:1px solid #e5e5e5; background:#fff;}
.hotPic{ width:600px; height:400px; position:relative; overflow:hidden;}
.hotPic .num{ position:absolute;right:0; bottom:0; z-index:10;width:638px; padding-right:8px; height:30px; text-align:right;}
.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center; margin:5px 2px 0; cursor:pointer; background:#222; color:#fff;}
.hotPic .num span.cur{ background:#54BFFF;color:#fff;}
.hotPic .pic{ position:relative; z-index:5;}
.hotPic .pic li{ position:absolute; display:none;}
.hotPic .pic li img{ width:608px; height:400px; display:block;}
.hotPic .text{ position:absolute;bottom:0; left:10px; z-index:12; width:520px;height:30px; line-height:30px; overflow:hidden;font-family:Microsoft YaHei;}
.hotPic .text p{ position:absolute; display:none; color:#fff; font-weight:800; font-size:15px;}


/*ÀúÊ·½ø³Ì*/
.w_1220{max-width: 1600px;min-width: 900px; width:96%;margin: 0 auto; height:440px;background:url(/Skin/img/hosbg.jpg) center center no-repeat;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.disabled{cursor: not-allowed;}
.img{position: relative;}
.img em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;cursor: pointer;}
.page2_area{margin: 0px auto;}
.page2{position: relative;width: 100%;height: 440px;max-width: 1340px;margin: 0 auto;}
.page2 ul{display: block;width: 100%;height: 100%;list-style: none;}
.page2_title {float: left;}
.page2_more{display: none;}
.page2_more .active{display: block;}
.page2_area .desc_area{font-size: 18px; line-height: 1.8;margin: 0px 0 0 0px;}
.page2 .time_point_list{height: 100%;}
.page2 .time_point_list:before,.page2 .time_point_list:after{position: absolute;width: 60%;height: 100%;content: "";}
.page2 .time_point_list:before{left: 0;}
.page2 .time_point_list:after{right: 0;}
.page2 .time_point_list{float: left;position: relative;}
.page2 .time_point{position: absolute;left: 16%;top: 44.5%;width: 70%;height: 70%;}
.page2 .up{top: -12.5%;}
.page2 .time_point em{background-size: contain;}
.page2 .time_point em.disabled{cursor: not-allowed;}
.page2 .time_area{position: absolute;top: calc(55% + 0px);left: calc(50% - 60px);width: 120px;height: 120px;padding-top: 85px;font-size: 34px;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;color: #fff;text-align: center;}
.page2 .up1{top: calc(0% - 10px);}
.page2 .txt_area{display: none; position: absolute;bottom: 52%;left: -10%;  color: #333;}
.page2 .down{top: 54%;}
.page2 .time_point_list .light{display: none;-webkit-transition: all ease .8s; transition: all ease .8s;}
.page2 .time_point_list.active .txt_area,.page2 .time_point_list.active .light{display: block;}
.page2 .tips_area{position: relative;top: 25%;left: -4%;font-size: 18px;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;color: #fff;text-align: center; letter-spacing:1px; height:80px; width:180px;color: #666; background: url(/Skin/img/infobg.png) center center no-repeat;text-align: center; padding-top:35px; font-weight:bold;}

.page2 .develop{position: absolute;right:-13.3%;top: 38.5%;width: 200px;height: 20%;  text-align:left;}
.page2 .develop_area{position: absolute; top:-110%;left: 6%;font-size: 18px;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;color: #fff;text-align: center; letter-spacing:1px; height:80px; width:250px;color: #666; background: url(/Skin/img/developbg.png) center center no-repeat;text-align: center; padding-top:35px; font-weight:bold;}
.develop .show{ display:none}
.develop:hover .show{
 display: block;}


.page2 .down1{top: 47%; background: url(/Skin/img/infobg1.png) center center no-repeat;text-align: center; padding-top:65px; }
.page2 .content_area{ display:block;position: relative;bottom: 0%;left: 0%;font-size: 18px;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;color: #fff;text-align: center; letter-spacing:1px;width:200px;color: #666; text-align: center; font-size: 14px;}
.page2 .content_area h3{ background: url(/Skin/img/contenttop.png) top no-repeat;height:25px;padding-top:5px;font-size: 18px;}
.page2 .content_area h1{ background: url(/Skin/img/contenttop.png) bottom no-repeat; height:25px; font-size: 14px;}
.page2 .line_block{background: url(/Skin/img/contentbg.png) repeat-y;width:200px; text-align:justify;line-height:124%; }
.page2 .content_area h2{ background: url(/Skin/img/contentbottom.png) top no-repeat;height:25px;padding-top:20px;font-size: 18px;font-family: "Î¢ÈíÑÅºÚ", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;text-align: center;}
.page2 .content_area h4{ background: url(/Skin/img/contentbottom.png) bottom no-repeat; height:20px; font-size: 14px;color: #666; }
.page2 .line_block p{font-size: 14px;width:180px; margin:0 10px; }
.page2 .line_block strong{font-size: 20px;font-weight: normal;}

.tableUpdate { padding: 0; margin: auto; width: 100%; margin-top: 0px; border-collapse: collapse; }
                    .tableUpdate td { text-align: left; height: 30px; line-height: 26px; padding: 2px ; font-size:18px; border: 1px solid #999; }
                    .tableUpdate .bianju { padding-left: 6px; }
                    .tableUpdate .buleTr { background: #d0e4fd; color: #003165; border: solid 1px #666; font-weight: 500; }

                    .tableUpdate .zuoduiqi { text-align: left; }
                    .tableUpdate .zuoduiqi1 { text-align: left; width:15%; padding-left:2%; }

                    .tableUpdate .zuoduiqi2 { text-align: left; padding-left: 15px; }
                    .tableUpdate .duiqi { text-align: justify; text-justify: inter-ideograph; padding-left: 6px; }
					
.news{max-width: 1400px;min-width: 900px; width:96%;margin: 0px auto;}
.news_left{ display:block; float:left; width:48%; text-align:left;height:500px;}
.news_right{ display:block; float:left; width:52%; margin-left:0%; text-align:left; height:500px;}



.boxc{width:580px;height: 390px;margin: 20px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 580px;height: 390px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 580px; height: 390px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(0,0,0,.4);text-indent: 2em;
				padding-right:280px ;font-size: 16px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "ËÎÌå";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}

.mt-tabpage {
	width: 680px;
	margin: 20px auto;
	box-shadow: 0 0 5px #999;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 60px;
	font-size: 0;
	background-color: #fff;
	width: 100%;
	margin: auto;
	background: #f1f1f1;
	border-bottom: 1px solid #eee;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 160px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #666;
	font-size: 18px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #fff;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	font-size: 18px;
	background: #3685EA;
	
}
.mt-tabpage-count {
	position: relative;
	width: 680px;
	height: 325px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	 width: 680px;
	height: 325px;

}

.listbg{
     
	display:block;
	float:left;
	height: 39px;
	font-size: 16;
	width: 100%;
	padding-left:4%;
	 
	border-bottom: 1px solid #eee;
	text-align:left;
}
.listbg a{
	line-height:39px;
	font-size: 16;
	width: 400px;
	color: #666;
	text-align:left;
	display:inline;

	
}

.control-box {
    width: 1600px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 80px;
  cursor: pointer;
}
.prev {
  left: 10px;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1480px;
  height: 240px;
  margin: auto 60px auto;
}
#switcher {
  height: 240px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  transition:all .7s ease 0s;
  width: 360px;
  height: 240px;
  float: left;
  border-left: 10px white solid;
}
.box:hover {
 opacity:0.5;
}
.shadow {
  width: 360px;
  height: 40px;
  /* opacity: 1; */
  background-color: rgba(0, 0, 0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
  margin-top: 200px;
  color: white;
  font-size: 20px;
}
.shadow a {
  display: inline-block;
  width: 330px;
  height: 40px;
  color: white;
  text-decoration: none;
  margin-left: 18px;
  margin-top: 10px;
  text-align:center
}
.bottom{width: 100%; background-color:#3F454D; height:440px; color:#fff;}

.bottom .class-white{ color:#fff;}
.bottom_list { position:relative;max-width: 1340px;min-width: 900px; width:96%;margin: 0px auto; padding-top:40px;}
.bottom_list ul{}
.bottom_list ul li{  float:left; width:15%; text-align:left;font-size:16px; color:#fff; line-height:180%;}
.bottom_list ul li a{text-align:left;font-size: 16px; color:#3685EA; line-height:180%;}
.bottom_list ul li span{ color:#3685EA;}
.bottom_link { position:relative;max-width: 1340px;min-width: 900px; width:96%;margin: 0px auto; padding-top:20px; }
.bottom_left { display:block;  width:75%; float:left; padding-top:76px; border-bottom: 1px solid #fff;}
.bottom_right { display:block;  width:25%; float:left; padding-top:5px;border-bottom: 1px solid #fff; }
.bottom_left ul{}
.bottom_left ul li{   float:left; text-align:left;font-size:16px; color:#fff; line-height:180%; padding-right:15px;}


.bottom_right ul{}
.bottom_right ul li{  float:left; width:45%; text-align:left;font-size:18px; color:#fff; line-height:180%;}
.bottom_adress {min-width: 900px; width:100%; height:50px; line-height:25px; text-align:center;font-size:16px; color:#fff; text-align:center;background-color:#3F454D; }

.newf1{  
    margin-top: 85px;
	height: 80px;
    font-size: 32px;
    line-height: 34px;
    font-weight: bold;  
    color: #0093DD;
	font-family: "Î¢ÈíÑÅºÚ";
    text-align: center;}
.newf2{  
	font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    margin-top: 5px;
    color: #ff8300;
    text-align: center;}
.ChannelFont{color: #E28623; padding-left:15px; font-size:20px; font-family:"Î¢ÈíÑÅºÚ"; }
.connactheight{
line-height:220%;}
.PClassName
{       
   padding-top:20px;   
   color: #ffffff;
   font-size: 26px;
}
.ArticleTitle

{      color: #666666;
	   font-size: 24px;
	   padding-top:0px;
	   line-height:200%;
	   font-weight:bold;
	   font-family: "Î¢ÈíÑÅºÚ";
     
}
.WArticleTitle

{      color: #666666;
	   font-size: 18px;
	   line-height:30px;
	   font-weight:bold;
	   height:30px;
	   font-family: "Î¢ÈíÑÅºÚ";
     
}

.ArticleContent{   
    color:#3F3F3F;
	font-family:"Î¢ÈíÑÅºÚ";
	font-size: 20px;
	padding-top:10px;
	line-height:180%;
}



.business_top{max-width: 1340px;min-width: 900px; width:96%;margin: 0px auto;background: #F0F0F0; height:90px;}
.business_left{ display:block; float:left; width:75%; text-align:left;}

.business_left a{ display:block; float:left; padding-left:10px; padding-right:10px;border-right: 2px #333 solid;text-align:center;color: #333;
	font-size: 20px;font-weight:600; margin-top:30px;}
.business_left a:last-child {
border-right: 2px #F0F0F0 solid;

}
.business_left a:hover{ color:#3685EA;}

.business_right{ display:block; float:left; width:24%; text-align:right; }
.business_right ul{ margin:32px auto; float:right;}
.business_right ul li{float:left; text-align:right;font-size:14px; color:#333; line-height:26px;font-weight:600;}
.business_right ul li a{text-align:left;font-size: 14px; color:#333; line-height:26px;font-weight:600;}
.business_right ul li span{ color:#333;line-height:26px} 

.class_top{max-width: 1440px;min-width: 900px; width:96%;margin: 0px auto;background: #F0F0F0; height:90px;}
.class_left{ display:block; float:left; width:75%; text-align:left;}
.class_right{ display:block; float:left; width:24%; text-align:right; }
.class-tabpage {
    display:block; 
	float:left; 
	width:90%;
	max-width:600px;
	min-width:400px;
}
.class-tabpage-title {
	height: 30px;
	font-size: 0;
	width: 100%;
	margin: 30px auto;
}
.class-tabpage-title .class-tabpage-item {
	display: inline-block;
	padding-right:16px;
	padding-left:16px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #333;
	font-size: 20px;
	border-right: 2px #333 solid;
	font-weight:600;
	
}
.class-tabpage-title:last-child .class-tabpage-item:last-child {
border-right: 2px #F0F0F0 solid;

}
.class-tabpage-title .class-tabpage-item:hover{
	color:#3685EA;
}
.class-tabpage-title .class-tabpage-item-cur {
	color: #333;
	
}

.class_right ul{ margin:32px auto; float:right;}
.class_right ul li{float:left; text-align:right;font-size:14px; color:#333; line-height:26px;font-weight:600;}
.class_right ul li a{text-align:left;font-size: 14px; color:#333; line-height:26px;font-weight:600;}
.class_right ul li span{ color:#333;line-height:26px} 

.news{font-size:26px;}
.Infotitle{font-size:26px; padding-top:20px}



#scrollbar1 { max-width:1200px;  width: 96%; clear: both; margin: 10px auto; }
#scrollbar1 .viewport { width: width: 96%; height: 230px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:18px; line-height:150%; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: transparent url(/Skin/img/bg-scrollbar.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track	{ background: transparent url(/Skin/img/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar1 .disable { display: none; }


a.infolist:link {font-size: 18px;font-family: 'Î¢ÈíÑÅºÚ';line-height:25px; height:25px;COLOR:#125CB8;}
a.infolist:visited {font-size: 18px;font-family: 'Î¢ÈíÑÅºÚ';line-height:25px; height:25px;COLOR:#125CB8;}
a.infolist:hover{COLOR: #3685EA;font-size: 18px;font-family: 'Î¢ÈíÑÅºÚ';line-height:25px; height:25px;}
a.infolist:active {font-size: 18px;font-family: 'Î¢ÈíÑÅºÚ';line-height:25px; height:25px;COLOR:#125CB8;}
.tub{float:left;}

.contentimg{width:94%; height:240px; text-align:center; margin:30px auto; overflow:hidden;}
.contentimg .img{height:240px; margin: 0px 5px;}
#contentimg img{height:240px;margin: 0px 5px;}

#PhotoUrlList a{ padding-left:5px;}

.container3 {
	width: 400px;


	height: 300px;
	background-color: #E6E6E6;
	margin-left: 12px;
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
}

.container3 .div_scroll {
	width: 100%;
	overflow: auto;
	height: 300px;
	float: left;
}	


.container3 .scroll_container {
	overflow: hidden;
	position: relative;
	background-color: #Fff;
}

.container3 .scroll_absolute {
	position: absolute;
}

.container3 .scroll_horizontal_bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background:blue;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}


.container3 .scroll_cap {
	display: none;
}

.container3 .scroll_horizontal_bar .scroll_cap {
	float: left;
}

.container3 .scroll_track {
	position: relative;
	background-color: #C1DAF9;
	text-align: left;
}

.container3 .scroll_drag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: #3285EB;
}

.container3 .scroll_horizontal_bar .scroll_track, .scroll_horizontal_bar .scroll_drag {
    float: left;
    height: 100%;
}

.container3 .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #3285Ee;
}

.container3 .scroll_horizontal_bar .scroll_arrow {
    width: 16px;
    float: left;
    height: 100%;
}


/* ÊÖ»úÑùÊ½ */

a.mchannel:link {display:block;width:100%;height:40px;letter-spacing:4px;line-height:40px; color:#00315C;font-family:"Î¢ÈíÑÅºÚ";font-size: 14px; text-align: center;border-bottom: 1px solid #e4e4e4; background-color:#fcfcfc}
a.mchannel:visited {display:block;width:100%;height:40px;letter-spacing:4px;line-height:40px; color:#00315C;font-family:"Î¢ÈíÑÅºÚ";font-size: 14px; text-align: center;border-bottom: 1px solid #e4e4e4;background-color:#fcfcfc}

a.mchannel:hover{display:block;width:100%;height:40px;letter-spacing:4px;line-height:40px; color:#eeeeee;font-family:"Î¢ÈíÑÅºÚ";font-size: 14px; text-align: center;border-bottom: 1px solid #e4e4e4;background-color:#fcfcfc}

a.mchannel:active {display:block;width:100%;height:40px;letter-spacing:4px;line-height:40px; color:#00315C;font-family:"Î¢ÈíÑÅºÚ";font-size: 14px; text-align: center;border-bottom: 1px solid #e4e4e4;background-color:#fcfcfc}
/* ÊÖ»úÑùÊ½ */

	#Channel1 {
		width: 100%;
	}

	#Channel1>ul {
		width: 100%;
		margin: 0px auto;
		background: rgba(255,255,255,0.5);
	}

	#Channel1>ul>li {
		width: 100%;
		font-size: 18px;
		font-family: "Î¢ÈíÑÅºÚ";
		text-align: center;
		cursor: pointer;
		user-select: none;
		background: rgba(255,255,255,0.7);
		border-bottom:1px #666 solid;
	}

	#Channel1>ul>li>a {
		color: #666;
		text-decoration: none;
		font-weight:600;
		font-family: "Î¢ÈíÑÅºÚ";
		height: 30px;
		line-height:30px;
		font-size: 18px;
		letter-spacing:3px;
		width:100%;
	}


	#Channel1 #img {
		
		display: none;
		background: rgba(255,255,255,0.5);
		z-index:9999;
		width:100%;
		
	}
	
#Channel1 #img a {
	color:#579AEE;
	display:block;
    height: 30px;
	line-height:30px;
	letter-spacing:3px; 
	width:100%;	
	border-top:1px #999 solid;	     
}
			  
#Channel1 #img a:hover {
	background: rgba(54,133,234,0.8);
	color:#fff;	
	font-weight:600;		  
}
.pic3{width:100%;}
.pic1{width:100%; height:auto}